import * as React from 'react';
import { SVGProps } from 'react';

interface SVGRProps {
	title?: string;
	titleId?: string;
}
export const IllustrationWebDevelopment = ({
	title,
	titleId,
	...props
}: SVGProps<SVGSVGElement> & SVGRProps) => (
	<svg
		xmlns="http://www.w3.org/2000/svg"
		fill="none"
		viewBox="0 0 900 600"
		width="1em"
		height="1em"
		focusable="false"
		aria-hidden="true"
		aria-labelledby={titleId}
		{...props}
	>
		{title ? <title id={titleId}>{title}</title> : null}
		<path
			fill="#37474F"
			d="M563.126 0H354.583c-32.435 0-58.728 26.294-58.728 58.728v476.544c0 32.434 26.293 58.728 58.728 58.728h208.543c32.435 0 58.729-26.294 58.729-58.728V58.728C621.855 26.294 595.561 0 563.126 0Z"
		/>
		<path
			fill="#fff"
			d="M616.355 58.732v476.54a53.291 53.291 0 0 1-53.23 53.23h-208.54a53.29 53.29 0 0 1-53.23-53.23V58.732a53.295 53.295 0 0 1 53.23-53.23h27.27v9.42a16.082 16.082 0 0 0 16.08 16.08h121.84a16.079 16.079 0 0 0 16.08-16.08v-9.42h27.27a53.29 53.29 0 0 1 53.23 53.23Z"
		/>
		<path
			fill="#37474F"
			d="M294.355 120.5a4.002 4.002 0 0 1-4-4v-8a3.999 3.999 0 0 1 6.828-2.828 4 4 0 0 1 1.172 2.828v8a4.004 4.004 0 0 1-4 4Zm0 41.021a4.006 4.006 0 0 1-4-4V135.5a3.999 3.999 0 0 1 6.828-2.828 4 4 0 0 1 1.172 2.828v22.021a4.005 4.005 0 0 1-4 4Zm0 32.979a4.002 4.002 0 0 1-4-4v-22.021a4 4 0 1 1 8 0V190.5a4.004 4.004 0 0 1-4 4Zm328-18a4.002 4.002 0 0 1-4-4v-53.733a4 4 0 1 1 8 0V172.5a4.004 4.004 0 0 1-4 4Z"
		/>
		<path
			fill="#B0BEC5"
			d="M723.752 569.017a3.561 3.561 0 0 0 3.431-2.218 3.568 3.568 0 0 0-.907-3.983l-.254-.969a9.578 9.578 0 0 1 14.144-4.617 9.58 9.58 0 0 1 3.605 4.281c4.318 9.846 9.881 20.028 7.267 30.943 17.594-38.228 11.036-85.508-15.811-117.801-7.373-3.971-13.387-11.093-15.014-19.414 3.642 1.196 8.14-1.8 5.374-5.598-1.197-1.45-2.405-2.889-3.602-4.339 13.65-14.818 30.3 8.107 15.31 28.074a114.215 114.215 0 0 1 13.024 19.95 48.038 48.038 0 0 1 2.656-22.341c2.682-6.649 7.774-12.276 12.251-18.044 5.443-7.029 16.813-3.918 17.639 4.927-5.069 1.72-5.659 9.071.166 10.021-1.366 16.483-11.981 31.72-26.731 39.084a114.727 114.727 0 0 1 6.725 47.885c2.434-19.011 22.771-23.812 36.944-31.494a5.549 5.549 0 0 1 8.516 5.54 32.058 32.058 0 0 0-5.59 3.017 4.847 4.847 0 0 0-1.942 5.234 4.842 4.842 0 0 0 4.277 3.587c-7.011 17.84-25.462 29.95-44.529 30.064A117.883 117.883 0 0 1 753 594.007l-28.298.27c-.105-.314-.199-.638-.293-.951 2.62.14 5.249-.042 7.825-.541-7.008-8.139-12.406-12.275-8.482-23.768Zm-547.755 0a3.561 3.561 0 0 1-3.431-2.218 3.568 3.568 0 0 1 .907-3.983l.253-.969a9.57 9.57 0 0 0-8.76-6.151 9.579 9.579 0 0 0-8.988 5.815c-4.318 9.846-9.882 20.028-7.267 30.943-17.594-38.228-11.036-85.508 15.811-117.801 7.373-3.971 13.387-11.093 15.014-19.414-3.642 1.196-8.14-1.8-5.374-5.598 1.197-1.45 2.405-2.889 3.602-4.339-13.65-14.818-30.3 8.107-15.31 28.074a114.215 114.215 0 0 0-13.024 19.95 48.05 48.05 0 0 0-2.656-22.341c-2.682-6.649-7.775-12.276-12.251-18.044-5.443-7.029-16.814-3.918-17.639 4.927 5.069 1.72 5.659 9.071-.167 10.021 1.367 16.483 11.982 31.72 26.732 39.084a114.727 114.727 0 0 0-6.725 47.885c-2.435-19.011-22.771-23.812-36.944-31.494a5.548 5.548 0 0 0-8.516 5.54 32.06 32.06 0 0 1 5.59 3.017 4.846 4.846 0 0 1 .372 7.705 4.84 4.84 0 0 1-2.707 1.116c7.011 17.84 25.461 29.95 44.528 30.064a117.952 117.952 0 0 0 7.702 23.201l28.298.27c.105-.314.199-.638.293-.951a32.134 32.134 0 0 1-7.825-.541c7.008-8.139 12.407-12.274 8.483-23.767l-.001-.001Zm367.797-470.06h-169.7a12.42 12.42 0 0 0-12.4 12.4v110.31a12.42 12.42 0 0 0 12.4 12.4h169.7a12.409 12.409 0 0 0 12.4-12.4v-110.31a12.406 12.406 0 0 0-12.4-12.4Z"
		/>
		<path
			fill="#37474F"
			d="M490.667 146.049a791.525 791.525 0 0 1-50.681 78.42h-26.613c17.431-21.236 34.875-42.471 52.332-63.707 5.008-6.114 10.443-12.52 17.955-15.004l7.007.291Z"
		/>
		<path
			fill="#1976D2"
			d="M455.301 141.701a134.577 134.577 0 0 0-7.94 9.026c-5.512 6.639-10.947 13.335-16.402 20.013a2789.452 2789.452 0 0 0-10.151 12.461 24.786 24.786 0 0 1-3.029-2.29 27.16 27.16 0 0 1 34.707-41.772 25.025 25.025 0 0 1 2.815 2.562Z"
		/>
		<path
			fill="#37474F"
			d="M556.194 138.547v4.03l-1.8-.66-25.33-9.26c-8.25-3.01-16.48-6.45-25-8.62a39.41 39.41 0 0 0-22.64.29 51.965 51.965 0 0 0-17.64 10.95 146.73 146.73 0 0 0-6.54 6.42c-.69.73-1.38 1.46-2.06 2.19-2.04 2.22-4.01 4.49-5.88 6.84-5.51 6.64-10.95 13.34-16.4 20.01-3.4 4.16-6.8 8.31-10.16 12.46a6883.72 6883.72 0 0 0-33.46 41.27 19.577 19.577 0 0 1-4.43-.56 7610.404 7610.404 0 0 1 34.09-42.04l.78-.96c1.34-1.67 2.71-3.35 4.07-5.02 5.69-6.97 11.384-13.933 17.08-20.89 4.14-5.06 8.25-10.14 12.71-14.94.27-.31.55-.61.84-.92.43-.46.86-.91 1.3-1.38 9.69-10.01 21.78-18.86 36.26-19.1 8.52-.13 16.75 2.57 24.67 5.42 8.53 3.09 17.03 6.23 25.55 9.35l13.99 5.12Z"
		/>
		<path
			fill="#B0BEC5"
			d="M560.184 477.618H357.526a12.411 12.411 0 0 1-12.399-12.399v-27.313a12.411 12.411 0 0 1 12.399-12.399h202.658a12.414 12.414 0 0 1 12.4 12.399v27.313a12.415 12.415 0 0 1-12.4 12.399Zm0-140H357.526a12.411 12.411 0 0 1-12.399-12.399v-27.313a12.411 12.411 0 0 1 12.399-12.399h202.658a12.414 12.414 0 0 1 12.4 12.399v27.313a12.415 12.415 0 0 1-12.4 12.399Zm0 70H357.526a12.411 12.411 0 0 1-12.399-12.399v-27.313a12.411 12.411 0 0 1 12.399-12.399h202.658a12.414 12.414 0 0 1 12.4 12.399v27.313a12.415 12.415 0 0 1-12.4 12.399Z"
		/>
		<path
			fill="#fff"
			d="M483.477 446.888h-59.712a2.67 2.67 0 1 1 0-5.342h59.712a2.67 2.67 0 0 1 1.888 4.56 2.67 2.67 0 0 1-1.888.782Zm57.43 14.692h-117.81a2.673 2.673 0 0 1-1.889-4.56 2.673 2.673 0 0 1 1.889-.783h117.81a2.67 2.67 0 0 1 0 5.343Zm-148.865 7.892c9.891 0 17.909-8.018 17.909-17.909 0-9.891-8.018-17.91-17.909-17.91-9.891 0-17.909 8.019-17.909 17.91s8.018 17.909 17.909 17.909Z"
		/>
		<path
			fill="#FFCCBC"
			d="M388.051 475.754a7.745 7.745 0 0 0-10.202 3.547c-.178.37-.325.753-.44 1.147l-26.969 1.612-3.997 13.972 36.706-6.202a7.721 7.721 0 0 0 8.487-4.106 7.394 7.394 0 0 0 .346-5.646 7.385 7.385 0 0 0-3.931-4.324Z"
		/>
		<path
			fill="#1976D2"
			d="M328.522 406.834a13.376 13.376 0 0 0-15.53 4.053 13.37 13.37 0 0 0-2.514 5.11l-7.415 29.943 1.395 52.383s38.702 7.427 45.199 2.653c6.497-4.774 5.887-8.327 6.497-4.774.61 3.554 3.399 5.045 3.437 3.631.039-1.413.355-1.172 1.974-1.597 1.619-.426 8.764-3.06 8.764-3.06l.321-14.935s-11.814-4.479-14.68-3.143c-2.866 1.337.61 3.554-2.866 1.337-3.476-2.218-3.856-9.216-4.451-2.909-.594 6.307-2.334 7.482-4.94 4.677-2.606-2.804-14.681-1.013-14.681-1.013l7.684-58.23a13.378 13.378 0 0 0-8.194-14.126Z"
		/>
		<path
			fill="#FFCCBC"
			d="m589.157 562.178.407-11.03-42.352-6.819-.6 16.279 42.545 1.57Z"
		/>
		<path
			fill="#263238"
			d="m350.798 587.472 134.143-15.598s57.927 3.346 71.518-5.496l14.333-1.809.777-21.053s-8.765.065-13.804-2.283-1.536-5.221-6.341-2.396c-4.804 2.825-4.297 3.164-8.011 1.866-3.715-1.298-174.05-8.261-174.05-8.261l-18.565 55.03Z"
		/>
		<path
			fill="#FFCCBC"
			d="m527.563 578.337 7.8-7.81-26.41-33.803-11.512 11.526 30.122 30.087Z"
		/>
		<path
			fill="#263238"
			d="m297.875 514.007 1.333 31c1.57 36.493 41.759 58.58 72.923 39.526a71.297 71.297 0 0 0 1.729-1.091s11.814-3.173 11.456-8.197c-.359-5.025 2.527-7.47 5.081-6.1 2.555 1.37 35.997-46.09 35.997-46.09s69.481 34.658 84.809 42.817l16.174-4.406s6.087 2.875 3.894-1.283c-2.192-4.158-2.586-2.167-3.259-6.697-.674-4.53-2.397-10.147-3.442-9.911-1.045.237-85.957-59.194-85.957-59.194s-13.833-14.001-30.993-4.757c-.357 1.358-.052 1.405-.052 1.405l-56.684 46.189-8.009-15.211-45 2Z"
		/>
		<path
			fill="#1976D2"
			d="m335.973 400.104-24.304-11.39-7.276 12.661s-19.542 27.886-19.825 48.004c-.284 20.118 3.185 26.101 3.185 26.101s-8.426 6.299-4.213 10.15c4.213 3.85 13.539 5.511 6.376 7.181-7.163 1.669-5.348 18.568 2.652 21.568s50.964 2.974 50.964 2.974a7.647 7.647 0 0 1 1.89-7.534c3.331-3.339 6.331-.943 3.331-6.141-3-5.198-8-2.198-4-9.198s3.998-9.092 3.998-9.092 8.154-15.519-4.128-32.355c-.749-1.026-.119-1.065-.119-1.065l-9.918-33.236 1.387-18.628Z"
		/>
		<path
			fill="#90A4AE"
			d="M441.679 499.296a.964.964 0 0 0-.188-.173 1.996 1.996 0 0 0-.617-.482l-1.683-.901-11.173-12.405a2.807 2.807 0 0 0-2.098-.201l-.029.009-4.786 1.48-4.117 1.277-5.75 1.783-39.166 12.128-25.745 7.97a2.787 2.787 0 0 0-1.829 3.448c.121.386.321.742.587 1.045l.82.912 1.718 1.914 3.981 8.25 1.105 1.233a2.78 2.78 0 0 0 2.866.804l84.814-23.584a2.821 2.821 0 0 0 1.845-1.91 2.817 2.817 0 0 0-.555-2.597Z"
		/>
		<path
			fill="#90A4AE"
			d="m436.643 376.59-1.642.266a1.73 1.73 0 0 0-1.12.695l-.724 1.012-6.527 16.322a1.729 1.729 0 0 0-.296 1.288l.764 4.651-2.89 83.005c.073.429.304.816.647 1.084l12.672 16.952.296.236.639.499c.327.253.733.382 1.146.365l1.077-.051a1.734 1.734 0 0 0 1.266-.646 1.708 1.708 0 0 0 .359-1.37l-3.676-122.888a1.728 1.728 0 0 0-1.982-1.421l-.009.001Z"
		/>
		<path
			fill="#1976D2"
			d="m433.893 383.04-5.782 17.613-2.237 70.354 9 8-.981-95.967Z"
		/>
		<path
			fill="#FFCCBC"
			d="M389.18 490.357a7.743 7.743 0 0 0-10.203 3.547 7.33 7.33 0 0 0-.439 1.147l-26.97 1.611-3.997 13.973 36.706-6.202a7.72 7.72 0 0 0 8.487-4.107 7.392 7.392 0 0 0-3.584-9.969Z"
		/>
		<path
			fill="#1976D2"
			d="M329.651 421.437a13.38 13.38 0 0 0-11.119.453 13.366 13.366 0 0 0-6.926 8.709l-7.415 29.943 1.395 52.384s38.702 7.426 45.199 2.653c6.497-4.774 5.887-8.328 6.497-4.774.61 3.554 3.399 5.045 3.438 3.631.038-1.414.354-1.172 1.973-1.598 1.619-.426 8.765-3.059 8.765-3.059l.32-14.936s-11.814-4.478-14.68-3.142c-2.866 1.336.61 3.553-2.866 1.336-3.476-2.217-3.856-9.216-4.45-2.908-.595 6.307-2.335 7.481-4.941 4.677-2.606-2.805-14.68-1.013-14.68-1.013l7.683-58.23a13.37 13.37 0 0 0-8.193-14.126Z"
		/>
		<path
			fill="#90A4AE"
			d="M91 595.139a1.18 1.18 0 0 0 .347.843 1.188 1.188 0 0 0 .843.347h715.29a1.192 1.192 0 0 0 1.19-1.19 1.19 1.19 0 0 0-1.19-1.19H92.19a1.189 1.189 0 0 0-1.19 1.19Z"
		/>
		<path
			fill="#78909C"
			d="M722.184 337.618H519.526a12.415 12.415 0 0 1-12.399-12.399v-27.313a12.41 12.41 0 0 1 12.399-12.399h202.658a12.414 12.414 0 0 1 12.4 12.399v27.313a12.415 12.415 0 0 1-12.4 12.399Z"
		/>
		<path
			fill="#fff"
			d="M645.477 306.888h-59.712a2.67 2.67 0 1 1 0-5.342h59.712a2.67 2.67 0 0 1 1.888 4.56 2.67 2.67 0 0 1-1.888.782Zm57.43 14.692h-117.81a2.673 2.673 0 0 1-1.889-4.56 2.673 2.673 0 0 1 1.889-.783h117.81a2.67 2.67 0 0 1 0 5.343Zm-148.865 7.892c9.891 0 17.909-8.018 17.909-17.909 0-9.891-8.018-17.91-17.909-17.91-9.891 0-17.909 8.019-17.909 17.91s8.018 17.909 17.909 17.909Z"
		/>
		<path
			fill="#78909C"
			d="M657.184 407.618H454.526a12.415 12.415 0 0 1-12.399-12.399v-27.313a12.41 12.41 0 0 1 12.399-12.399h202.658a12.414 12.414 0 0 1 12.4 12.399v27.313a12.415 12.415 0 0 1-12.4 12.399Z"
		/>
		<path
			fill="#fff"
			d="M580.477 376.888h-59.712a2.67 2.67 0 1 1 0-5.342h59.712a2.67 2.67 0 0 1 1.888 4.56 2.67 2.67 0 0 1-1.888.782Zm57.43 14.692h-117.81a2.673 2.673 0 0 1-1.889-4.56 2.673 2.673 0 0 1 1.889-.783h117.81a2.67 2.67 0 0 1 0 5.343Zm-148.865 7.892c9.891 0 17.909-8.018 17.909-17.909 0-9.891-8.018-17.91-17.909-17.91-9.891 0-17.909 8.019-17.909 17.91s8.018 17.909 17.909 17.909Z"
		/>
		<path
			fill="#FFCCBC"
			d="M325.031 391.453c-15.11-3.937-24.344-18.703-20.625-32.982 3.72-14.279 18.986-22.663 34.096-18.726 15.111 3.937 24.345 18.703 20.625 32.982-3.72 14.279-18.985 22.662-34.096 18.726Z"
		/>
		<path
			fill="#263238"
			d="M306.138 381.606c-1.57-.15-2.44-4.062-3.255-7.865-1.706-7.959-2.79-13.019-1.314-19.388 1.258-5.427 2.474-3.6 7.138-15.181 1.538-3.82 8.681-1.951 10.624-3.448 3.283-2.53-.146-4.82 6.462-5.132 12.377-.584 16.111 6.306 23.257 8.677.18.06 2.917 4.33 4.885 5.026 3.448 1.221 8.671 2.027 12.274-2.456 3.37-4.192 1.168 10.049-1.185 11.269-1.998 1.036-5.743 3.968-5.884 4.215-.159.28 8.392-5.002 8.759-1.812.263 2.296-5.073 12.366-7.231 12.234-1.804-.11-4.609-6.549-4.233-4.11.872 5.657-13.181 5.461-26.333-8.865-.466-.508-.087.207-3.209 4.176-3.938 5.005-4.574 5.166-4.937 6.733-.784 3.392 1.634 5.081.275 7.089-1.1 1.626-3.937 2.368-5.7 1.522-1.99-.955-1.711-3.5-3.24-3.852-1.31-.301-3.335 1.147-3.959 2.979-1.314 3.858 4.567 6.546 4.264 12.137-.171 3.155-6.015-3.81-7.458-3.948Zm255.027 178.198c.638.34 1.846 1.956 2.221 2.574a4.026 4.026 0 0 1-1.355 5.529l-31.403 19.044a2.747 2.747 0 0 1-3.772-.925l-.792-1.307s-3.937-2.987-3.676-9.77c0 0 6.275 1.382 8.613-8.16l-.173-4.236 18.303 1.584 7.552-3.397c1.653-.743 2.884-1.788 4.482-.936Zm44.871-32.48c.71-.139 2.666.35 3.347.593a4.025 4.025 0 0 1 2.442 5.142l-12.318 34.599a2.746 2.746 0 0 1-3.508 1.665l-1.441-.512s-4.938.17-9.02-5.254c0 0 5.738-2.892 1.523-11.766l-2.809-3.175 15.191-10.332 3.709-7.404c.812-1.619 1.106-3.207 2.884-3.556Z"
		/>
	</svg>
);
